/*
@charset "utf-8";
a:link { color: #0000cc; }
body { background: #fff; margin: 3px 8px;}
body, select, input { font-family: arial, sans-serif;}
body { font-size: 50%;}
td td, th th, th td, td th { font-size: 100%;}
pre { font-size: 110%;}
form { padding:0; margin:0;}
h1 { font-size: x-large; margin-top: 0px; }
h2 { font-size: large; }
h3 { font-size: medium; }
h4 { font-size: small; }
*/
/* Timeline CSS */
.footnotes {
    background: #eee;
    padding: 0.25em;
}

.controls {
    margin: 1em 0;
    padding: 0.5em;
}

.my-timeline.timeline-message-container {
    font-family: arial, sans-serif;
    font-size:      20%;
}
.my-timeline.timeline-message {
    font-family: arial, sans-serif;
    font-size:      20%;
    font-weight:    bold;
    text-align:     center;
}
.my-timeline.event.label {
    font-family: arial, sans-serif;
}
.my-timeline.event.bubble {
    font-family: arial, sans-serif;
}

/* Page css*/
body{ font: 65% "Trebuchet MS", sans-serif; }
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
